<template>
    <header>
        <h1>饿了么</h1>
        <input type="text" placeholder="输入商家、商品名称">
    </header>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    header{
            background-color: blueviolet;
        }
        header h1{
            color: white;
            font-weight: 400;
            margin: 0 0 5px 15px;
        }
        header input{
            width: 95%;
            margin: 8px;
            border: none;
            height: 35px;
            background-color: aliceblue;
            border-radius: 35px;
            text-align: center;
        }
</style>